<template>
  <div id="goods-list">
    <goods-list-item :goods="item" v-for="(item, index) in goods" :key="index"/>
  </div>
</template>

<script>
  import GoodsListItem from "./GoodsListItem";

  export default {
   name: "GoodsList",
   components:{
     GoodsListItem,
   },
   props:{
     goods:{
       type:Array,
       default(){
         return []
       }
     }
   }
  }
</script>

<style scoped>
  #goods-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
</style>